<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>多库共存</title>
		<style type="text/css">
			* {
				margin: 0px;
			}
			.div1 {
				position: absolute;
				width: 100px;
				height: 100px;
				top: 50px;
				left: 10px;
				background: red;
			}
		</style>
	</head>
	<body>
		<!-- 问题:如果有2个库都有$,就存在冲突
		解决:jQuery库可以释放$的使用权，让另一个可以正常使用，此时jQuery库只能使用jQuery了
		API:jQuery.noConflict() -->
		
		<script type="text/javascript" src="js/myLib.js"></script>
		<script type="text/javascript" src="../js/jquery-3.6.0.js"></script>
		<script type="text/javascript">
			// 释放$的使用权
			jQuery.noConflict()
			// 调用myLib中的$
			$()
			// 要想使用jQuery的功能,只能使用jQuery
			jQuery(function(){
				console.log('文档加载完成')
			})
			console.log('+++++')
		</script>
	</body>
</html>
